
<div class="loseWeight" data-ng-controller="loseWeightCtrl as vm">
    <div class="container_1">
        <div class="bg_container">
            <div class="header_block">
                <div class="header_text_box">
                    <h1 class="title">减肥排行榜</h1>
                    <div class="description">距离大奖 你只差一丢丢的努力！</div>
                </div>
                <div class="header_img_box"><img src="../../img/zl_img/ipad.png" alt=""></div>
            </div>
        </div>
        <div class="top_block">
            <div class="top_header">
                ★ 公益基金 ★
            </div>
            <div class="top_main">
                <div class="top_main_text">
                    <div class="explain">截止到 {{vm.data.total.time}}：</div>
                    <div class="text">参与减肥公益 <strong>{{vm.data.total.count}}</strong>人</div>
                    <div class="text">一共减掉肥肉 <strong>{{vm.data.total.total}}</strong>斤</div>
                    <div class="text">积累公益基金 <strong>{{vm.data.total.fund}}</strong>元</div>
                </div>
                <div class="top_main_pic">
                    <div class="explain">我的贡献</div>
                    <div class="img_box"><img ng-src="{{vm.data.user.avatar}}"></div>
                    <div class="text">减肥<b>{{vm.data.user.total}}</b>斤</div>
                    <div class="text">捐出<b>{{vm.data.user.fund}}</b>元</div>
                </div>
            </div>
            <div class="top_bottom">
                <u class="line"></u>
                <div class="top_bottom_text">每减掉一斤肉，公益基金增加10元</div>
                <u class="line"></u>
            </div>
        </div>
        <div class="top_block">
            <div class="top_header">
                ★ 积分排行榜 ★
            </div>
            <div class="top_bottom">
                <u class="line" style="width: 200px;"></u>
                <div class="top_bottom_text">已有{{vm.data.total.people_num}}人参加活动</div>
                <u class="line" style="width: 200px;"></u>
            </div>
            <div class="top_title">
                <span class="a">名次</span>
                <span class="b">昵称</span>
                <span class="c">积分</span>
            </div>
            <div class="top_list">
                <div class="top_list_item" data-ng-repeat="item in vm.data.list track by $index">
                    <div class="top_icon" data-ng-if="$index==0"><img style="vertical-align: inherit" src="../../img/zl_img/1@2x.png" alt=""></div>
                    <div class="top_icon" data-ng-if="$index==1"><img style="vertical-align: inherit" src="../../img/zl_img/2@2x.png" alt=""></div>
                    <div class="top_icon" data-ng-if="$index==2"><img style="vertical-align: inherit" src="../../img/zl_img/3@2x.png" alt=""></div>
                    <div class="top_icon" data-ng-if="$index>2"><span class="top_number">{{$index+1}}</span></div>
                    <div class="user_icon"><img ng-src="{{item.avatar}}" alt=""></div>
                    <div class="user_name">{{item.nickname}}</div>
                    <div class="user_integral">{{item.points}}</div>
                </div>
                <div class="more" data-ng-if="vm.data.list.length==10" data-ng-click="vm.rank(2)">
                    <div>查看更多</div>
                    <img src="../../img/home/more.png" alt="">
                </div>
            </div>
        </div>
        <div class="top_block">
            <div class="top_header">
                ★ 排行榜奖励 ★
            </div>
            <div class="top_award">
                <div class="top_award_item" data-ng-repeat="item in vm.data.total.desc">
                    <div class="awrad_item_side">{{item[0]}}</div>
                    <div class="awrad_item_main">{{item[1]}}</div>
                </div>
            </div>
        </div>
        <div class="top_block">
            <div class="top_header">
                ★ 如何获得积分 ★
            </div>
            <div class="top_integral_text">
                <div>减肥1斤 <s>+10分</s><span class="annotation"> （需在现场称重）</span></div>
                <div>签到1次 <s>+2分</s></div>
                <div>邀请签到1次 <s>+1分</s></div>
                <div>参与活动1次 <s>+20分</s></div>
                <div>见证1次 <s>+2分</s><span class="annotation"> （每天可以邀请朋友见证一次）</span></div>
            </div>
            <div class="btn_block">
                <div class="btn_box" data-ui-sref="detail.invite_register">邀请注册</div>
                <div class="btn_box" data-ui-sref="detail.witness_list">邀请见证</div>
            </div>
        </div>
    </div>

</div>